html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
 display:block
}
audio,
canvas,
progress,
video {
 display:inline-block;
 vertical-align:baseline
}
audio:not([controls]) {
 display:none;
 height:
}
[hidden],
template {
 display:none
}
a {
 background:transparent
}
a:active,
a:hover {
 outline:0
}
abbr[title] {
 border-bottom:1px dotted
}
b,
strong {
 font-weight:bold
}
dfn {
 font-style:italic
}
h1 {
 font-size:2em;
 margin:.67em 0
}
mark {
 background:#ff0;
 color:#000
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sup {
 top:-.5em
}
sub {
 bottom:-.25em
}
img {
 border:0
}
svg:not(:root) {
 overflow:hidden
}
figure {
 margin:1em 40px
}
hr {
 box-sizing:content-box;
 height:0
}
pre {
 overflow:auto
}
code,
kbd,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
button,
input,
optgroup,
select,
textarea {
 color:inherit;
 font:inherit;
 margin:0
}
button {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
 -webkit-appearance:button;
 cursor:pointer
}
button[disabled],
html input[disabled] {
 cursor:default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
 border:0;
 padding:0
}
input {
 line-height:normal
}
input[type="checkbox"],
input[type="radio"] {
 box-sizing:border-box;
 padding:0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 height:auto
}
input[type="search"] {
 -webkit-appearance:textfield;
 box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
 -webkit-appearance:none
}
fieldset {
 border:1px solid #c0c0c0;
 margin:0 2px;
 padding:.35em .625em .75em
}
legend {
 border:0;
 padding:0
}
textarea {
 overflow:auto
}
optgroup {
 font-weight:bold
}
table {
 border-collapse:collapse;
 border-spacing:0
}
td,
th {
 padding:0
}
a {
 -webkit-tap-highlight-color:rgba(0,0,0,0)
}
@font-face {
 font-family:'Open Sans';
 font-style:normal;
 font-weight:300;
 src:local('Open Sans Light'),
 local('OpenSans-Light'),
 url("https://fonts.gstatic.com/s/opensans/v10/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2") format('woff2')
}
@font-face {
 font-family:'Open Sans';
 font-style:normal;
 font-weight:800;
 src:local('Open Sans Extrabold'),
 local('OpenSans-Extrabold'),
 url("https://fonts.gstatic.com/s/opensans/v10/EInbV5DfGHOiMmvb1Xr-hiYtBUPDK3WL7KRKS_3q7OE.woff2") format('woff2')
}
h1,
h2,
h3,
h4 {
 font-family:'Open Sans',sans-serif;
 font-weight:800;
 font-style:normal
}
@-webkit-keyframes animateGradient {
 0% {
  background-position:100% 90%
 }
 99% {
  background-position:0% 90%
 }
 100% {
  background-position:0% 90%;
  background-size:200% 7px
 }
}
@keyframes animateGradient {
 0% {
  background-position:100% 90%
 }
 99% {
  background-position:0% 90%
 }
 100% {
  background-position:0% 90%;
  background-size:200% 7px
 }
}
.icons-home {
 text-align:center;
}
.icons-home a {
 display:inline-block;
 padding:.938rem;
 margin:.125rem;
 border-radius:50%;
 border:.125rem solid #fff;
 line-height:0;
 transition:all .7s;
}
.icons-home a .icon {
 fill:#fff;
 width:18px;
 height:18px;
}
@media only screen and (min-width:37.5rem) {
 .icons-home a .icon {
  width:30px;
  height:30px
 }
}
.icons-home a:hover {
 background:#fff;
}
.icons-home a:hover .icon {
 fill:#5d4d7a
}
.down {
 position:absolute;
 bottom:50px;
 width:100%;
 display:block;
 text-align:center;
}
.down .icon {
 position:absolute;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:100px;
 height:100px;
 fill:#fff;
 -webkit-animation:pulse 1.3s infinite;
 animation:pulse 1.3s infinite
}
.icon-arrow-thin-right {
 vertical-align:bottom;
 width:18px;
 height:15px
 fill: green
}
.nalLink {
 vertical-align:baseline;
 color: mediumaquamarine
}
#heart {
 color:#e41515
}
*,
*:before,
*:after {
 box-sizing:border-box
}
body {
 left:0;
 right:0;
 margin:auto
}
a,
aside,
.overlay,
body {
 transition:all .25s ease
}
a.slideButton,
.dosearch {
 position:absolute;
 display:block;
 width:40px;
 height:40px;
 top:10px;
 z-index:31
}
.slideButton {
 left:10px
}
.dosearch {
 right:10px;
 background:#54456e;
 border-radius:.188rem;
 padding:.125rem .188rem
}
.icon-menu {
 cursor:pointer;
 padding:.313rem;
 border-radius:.188rem;
 background:#54456e;
 width:2.5rem;
 height:2.5rem;
 fill:#fff
}
.icon-search {
 width:2.188rem;
 height:2.188rem
}
.overlay {
 cursor:pointer
}
#close {
 display:none
}
aside {
 position:fixed;
 height:163px;
 width:100%;
 bottom:-100%;
 background:#2f2f33;
 z-index:20;
 box-shadow:inset -10px -1px 15px -9px rgba(0,0,0,0.5);
}
aside li {
 margin:0;
 list-style-type:none
}
aside ul {
 margin:0;
 padding:0
}
aside #topmenu {
 background-color:#5d4d7a;
 border:2px solid #5d4d7a;
 *zoom:1;
}
aside #topmenu:before,
aside #topmenu:after {
 content:'';
 display:table
}
aside #topmenu:after {
 clear:both
}
aside #topmenu ul {
 *zoom:1;
 float:left;
 clear:none;
 text-align:inherit;
 width:63.95%;
 margin-left:0%;
 margin-right:3%;
}
aside #topmenu ul:before,
aside #topmenu ul:after {
 content:'';
 display:table
}
aside #topmenu ul:after {
 clear:both
}
aside #topmenu ul:last-child {
 margin-right:0%
}
@media only screen and (max-width:1000px) {
 aside #topmenu ul {
  *zoom:1;
  float:left;
  clear:none;
  text-align:inherit;
  width:100%;
  margin-left:0%;
  margin-right:3%
 }
 aside #topmenu ul:before,
 aside #topmenu ul:after {
  content:'';
  display:table
 }
 aside #topmenu ul:after {
  clear:both
 }
 aside #topmenu ul:last-child {
  margin-right:0%
 }
}
aside #topmenu ul:nth-child(2) {
 *zoom:1;
 float:left;
 clear:none;
 text-align:inherit;
 width:33.05%;
 margin-left:0%;
 margin-right:3%;
 display:none;
 text-align:right;
}
aside #topmenu ul:nth-child(2):before,
aside #topmenu ul:nth-child(2):after {
 content:'';
 display:table
}
aside #topmenu ul:nth-child(2):after {
 clear:both
}
aside #topmenu ul:nth-child(2):last-child {
 margin-right:0%
}
aside #topmenu ul:nth-child(2) li:first-child {
 background:transparent;
}
aside #topmenu ul:nth-child(2) li:first-child span {
 background:transparent;
 border-radius:0;
 color:#fff;
 width:45px
}
aside #topmenu ul:nth-child(2) li:nth-child(2) {
 padding-left:20px;
 padding-right:20px
}
aside #topmenu ul:nth-child(2) li:nth-child(3) {
 margin-right:-10px;
 padding-left:10px
}
@media only screen and (min-width:1000px) {
 aside #topmenu ul:nth-child(2) {
  display:block
 }
}
aside #topmenu ul li {
 -webkit-transform:skewx(-20deg);
 transform:skewx(-20deg);
 padding:3px 4px 6px 4px;
 background:#2f2f33;
 display:inline-block;
}
aside #topmenu ul li:first-child {
 background:#efb102;
 padding:4px 10px 4px 20px;
 margin-left:-10px;
}
aside #topmenu ul li:first-child span {
 border-radius:100%;
 width:20px;
 height:20px;
 text-align:center;
 background-color:#000;
 color:#efb102;
 font-weight:300
}
aside #topmenu ul li:nth-child(3) {
 background:#ab67ab;
 padding-right:30px;
 padding-left:30px;
}
aside #topmenu ul li:nth-child(3) span {
 color:#fff
}
aside #topmenu ul li span {
 -webkit-transform:skewx(20deg);
 transform:skewx(20deg);
 display:block;
 font-family:'Open Sans',sans-serif;
 font-weight:800;
 font-style:normal;
 font-size:.813rem;
 color:#ab67ab
}
@media only screen and (max-width:37.5rem) {
 aside #topmenu ul li:nth-child(3),
 aside #topmenu ul li:nth-child(4) {
  display:none
 }
}
aside nav ul {
 padding:10px 0 0 10px;
 float:left;
 margin-right:80px;
}
aside nav ul .counter-menu {
 color:#ab67ab;
 font-weight:800;
 margin-right:4px
}
aside nav ul a {
 width:100%;
 cursor:pointer;
 text-decoration:none;
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 color:#b3b3b1;
}
aside nav ul a:hover {
 background:rgba(135,116,169,0.42)
}
aside.slide {
 bottom:0
}
a.slideButton.slide {
 pointer-events:none
}
.overlay {
 position:fixed;
 width:100%;
 height:100%;
 bottom:0;
 left:0;
 pointer-events:none;
 background:transparent;
 z-index:30;
}
.overlay.slide {
 pointer-events:auto;
 bottom:162px;
 background:rgba(0,0,0,0.6)
}
input[type="search"] {
 -ms-box-sizing:content-box;
 box-sizing:content-box;
 -webkit-appearance:textfield
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
 -webkit-appearance:none
}
.search-wrapper {
 -webkit-transform:translateY(-400px);
 transform:translateY(-400px);
 z-index:9999;
}
.search-wrapper.active {
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.search-form {
 position:relative;
 top:0;
 -webkit-transform:translateX(-200px);
 transform:translateX(-200px);
 z-index:9999;
 width:100%;
 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter:alpha(opacity=0);
 opacity:0;
 transition:all 200ms 100ms cubic-bezier(0,.6,.4,1);
}
.search-form h4 {
 margin:.625rem 0
}
.search-form .search-field {
 width:100%;
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 font-size:1.625rem;
 color:#fff;
 background-color:transparent;
 border:0;
 border-bottom:1px solid #fff;
 border-radius:0;
 box-shadow:none;
 background-clip:padding-box;
 -webkit-appearance:none;
}
.search-form .search-field:focus {
 outline:0;
 box-shadow:none
}
.search-form.active {
 top:0;
 -webkit-transform:translateX(0);
 transform:translateX(0);
 -ms-filter:none;
 -webkit-filter:none;
 filter:none;
 opacity:1
}
.search-form.hidden {
 display:none
}
.search-form .icon-remove-sign {
 position:absolute;
 top:0;
 right:0;
 z-index:1;
 display:block;
 fill:#fff;
 width:30px;
 height:30px;
 text-align:center;
 cursor:pointer
}
.search-form::-webkit-input-placeholder {
 font-size:1.625rem
}
.search-form .search-field::-webkit-search-decoration,
.search-form .search-field::-webkit-search-cancel-button,
.search-form .search-field::-webkit-search-results-button,
.search-form .search-field::-webkit-search-results-decoration {
 display:none
}
.search-form .search-list {
 position:absolute;
 width:100%;
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal
}
.search-form h4,
.search-form li,
.search-form p,
.search-form a,
.search-form a:hover {
 color:#fff
}
body.search-overlay {
 overflow:hidden;
}
body.search-overlay:after {
 position:absolute;
 top:0;
 left:0;
 z-index:9001;
 width:100%;
 height:100%;
 min-height:100%;
 background-color:rgba(0,0,0,0.6);
 content:'';
}
@media only screen and (max-width:37.5rem) {
 body.search-overlay:after {
  background-color:#5d4d7a
 }
}
.search-wrapper {
 position:absolute;
 top:50px;
 width:100%;
 padding-right:10%;
 padding-left:10%;
}
.search-wrapper *zoom 1:after,
.search-wrapper *zoom 1:before {
 display:table;
 line-height:0;
 content:""
}
.search-wrapper *zoom 1:after {
 clear:both
}
.search-wrapper:before,
.search-wrapper:after {
 display:table;
 line-height:0;
 content:""
}
.search-list {
 padding:0;
 margin:0;
 list-style-type:none;
}
.search-list .entry-date {
 float:right;
 display:none;
 font-size:14px;
 text-transform:uppercase
}
.search-list a {
 text-decoration:none;
 display:block;
 padding:.938rem 0;
 width:100%;
 border-bottom:1px solid #fff;
}
.search-list a:hover {
 color:#b3b3b3;
 border-bottom:1px solid #b3b3b3
}
@media only screen and (min-width:48em) {
 .search-wrapper {
  top:100px
 }
 .search-list .entry-date {
  display:inline
 }
}
.tags {
 margin-top:1.875rem;
}
.tags a {
 font-size:.875rem;
 color:#5d4d7a;
 display:inline-block;
 border:1px solid #5d4d7a;
 border-radius:.313rem;
 padding:.25rem .625rem;
 margin-right:.125rem;
 margin-bottom:.5rem;
 text-decoration:none;
}
.tags a:hover {
 color:#2e273d;
 border:1px solid #2e273d
}
.img-rounded {
 border-radius:50%
}
.aboutme .recent {
 list-style:none
}
.aboutme .post-title:before {
 content:""
}
.aboutme h2:hover {
 background-color:rgba(135,116,169,0.42)
}
.aboutme li h3 {
 font-size:1.25rem;
 margin-bottom:7px;
 position:relative;
}
.aboutme li h3:before {
 content:"|>";
 font-size:1.25rem;
 color:#000;
 position:absolute;
 left:-10px;
 transition:all .2s
}
.aboutme li h3:hover:before {
 -webkit-transform:translateX(-10px);
 transform:translateX(-10px)
}
html,
body {
 height:100%
}
.header-site,
.header-post,
.page-header {
 background:#5d4d7a;
 height:100%;
}
.header-site .content,
.header-post .content,
.page-header .content {
 width:95%;
 position:absolute;
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 top:50%;
 left:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 text-align:center
}
.header-site li {
 margin:0;
 list-style-type:none
}
.header-site .person img {
 width:130px;
 height:130px;
 border-radius:100%
}
.header-site .recent {
 *zoom:1;
 width:auto;
 max-width:450px;
 float:none;
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding-left:0;
 padding-right:0;
}
@media only screen and (max-width:320px) {
 .header-site .recent:last-child {
  display:none
 }
}
.header-site .recent:before,
.header-site .recent:after {
 content:'';
 display:table
}
.header-site .recent:after {
 clear:both
}
.header-site .recent p {
 text-align:left;
 color:#fff
}
.header-site .recent a {
 text-decoration:none;
}
.header-site .recent a h2 {
 text-align:left;
 margin:0;
 font-weight:300;
 font-size:1.063rem;
 border-bottom:1px solid #8774a9;
}
.header-site .recent a h2:hover {
 background:rgba(135,116,169,0.42)
}
.header-site h1,
.header-site h2 {
 color:#fff;
 text-align:center
}
.header-site .site-title {
 font-size:1.875rem;
 line-height:1;
 display:block;
 -webkit-font-variant-ligatures:none;
 -moz-font-variant-ligatures:none;
 font-variant-ligatures:none;
 letter-spacing:9px;
}
@media only screen and (min-width:37.5rem) {
 .header-site .site-title {
  letter-spacing:16px;
  margin-bottom:0;
  font-size:1.25rem
 }
}
.header-site .site-description {
 font-size:1.25rem;
 display:block;
 margin:1.875rem 0;
}
@media only screen and (min-width:37.5rem) {
 .header-site .site-description {
  font-size:2.5rem
 }
}
.header-post {
 height:62px;
}
@media only screen and (min-width:90.625rem) {
 .header-post {
  background:transparent
 }
 .header-post #open {
  position:fixed;
  background:transparent
 }
}
.header-post p {
 margin:0;
 padding-top:23px;
 text-align:center;
 color:#fff
}
.page-header {
 height:62px;
}
.page-header h1 {
 text-align:center;
 text-transform:uppercase;
 font-size:1.875rem;
 margin:0 0 30px;
 padding-top:10px;
 color:#fff;
 font-weight:300;
}
@media only screen and (min-width:37.5rem) {
 .page-header h1 {
  font-size:1.875rem
 }
}
.page_posts .tree-posts {
 display:block;
 width:100%
}
.page_posts #search {
 background:transparent;
}
.page_posts #search svg {
 background-color:transparent
}
.tree-posts {
 padding-top:43px;
 width:347px;
 height:100%;
 position:fixed;
 background-color:#2f2f33;
 overflow-y:auto;
 top:0;
}
@media only screen and (max-width:90.625rem) {
 .tree-posts {
  display:none
 }
}
.tree-posts h3 {
 color:#c06a64;
 position:relative;
 margin:.625rem 0;
}
.tree-posts h3:before {
 content:"";
 width:100px;
 height:4px;
 position:absolute;
 bottom:0;
 background-color:#c06a64
}
.post-item {
 text-align:left;
 padding:.313rem 1.25rem;
 position:relative;
}
.post-item .content {
 *zoom:1;
}
.post-item .content:before,
.post-item .content:after {
 content:'';
 display:table
}
.post-item .content:after {
 clear:both
}
@media only screen and (max-width:37.5rem) {
 .post-item .content {
  text-align:center;
  display:block;
  clear:both;
  float:none;
  width:100%;
  margin-left:auto;
  margin-right:auto
 }
 .post-item .content:first-child {
  margin-left:auto
 }
 .post-item .content:last-child {
  margin-right:auto
 }
}
.post-item .content a {
 text-transform:lowercase;
 text-decoration:none;
 border:none
}
@media only screen and (min-width:37.5rem) {
 .post-item .content a {
  *zoom:1;
  float:left;
  clear:none;
  text-align:inherit;
  width:69.1%;
  margin-left:0%;
  margin-right:3%
 }
 .post-item .content a:before,
 .post-item .content a:after {
  content:'';
  display:table
 }
 .post-item .content a:after {
  clear:both
 }
 .post-item .content a:last-child {
  margin-right:0%
 }
}
.post-item .content .date {
 color:#5d4d7a
}
.post-item .content .post-title {
 color:#c7b288;
 position:relative;
 padding:0;
 font-size:1rem;
 margin:0;
 text-align:center;
}
.post-item .content .post-title.selected {
 background:#5d4d7a
}
.post-item .content .post-title:hover {
 background-color:rgba(199,178,136,0.32)
}
@media only screen and (min-width:37.5rem) {
 .post-item .content .post-title {
  text-align:left;
  margin-left:-.625rem;
  display:initial;
  font-size:1.063rem;
  text-decoration:none
 }
}
@media only screen and (min-width:90.625rem) {
 .post {
  margin-left:347px
 }
}
.post h1:before,
.post h2:before,
.post h3:before {
 color:#5d4d7a;
 font-weight:300;
 margin-right:10px
}
.post h1 {
 text-align:center;
 margin:0;
 font-size:1.875rem;
}
@media only screen and (min-width:37.5rem) {
 .post h1 {
  font-size:2.5rem
 }
}
.post h1:before {
 content:"#";
 color:#5d4d7a;
 font-size:2.5rem
}
.post .time {
 text-align:center;
 margin-top:30px;
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal
}
.post .music-read {
 text-align:center
}
.post-content {
 padding:1rem 0;
}
.post-content img {
 max-width:100%;
 margin:1.875rem auto;
 display:block
}
.post-content p,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content ul,
.post-content ol,
.post-content .tags,
.post-content iframe {
 max-width:50rem;
 padding:0 1.25rem;
 margin:0 auto 1.875rem;
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 font-size:1.125rem;
 line-height:2;
 letter-spacing:.01rem;
}
@media only screen and (min-width:37.5rem) {
 .post-content p,
 .post-content h1,
 .post-content h2,
 .post-content h3,
 .post-content h4,
 .post-content ul,
 .post-content ol,
 .post-content .tags,
 .post-content iframe {
  font-size:1.25rem
 }
}
.post-content p,
.post-content li {
 color:#333;
}
.post-content p code,
.post-content li code {
 color:#615576
}
.post-content a {
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 color:#5d4d7a;
 text-decoration:none;
 border-bottom:2px solid #5d4d7a;
}
.post-content a:hover {
 background-color:rgba(135,116,169,0.42)
}
.post-content iframe {
 margin-top:1.875rem;
 width:100%
}
.post-content #twitter-widget-0 {
 margin:auto !important
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
 font-family:'Open Sans',sans-serif;
 font-weight:800;
 font-style:normal
}
.post-content h1 {
 font-size:1.875rem;
 line-height:1.4;
}
@media only screen and (min-width:37.5rem) {
 .post-content h1 {
  font-size:2.813rem
 }
}
.post-content h2 {
 font-size:1.375rem;
 line-height:1.4;
}
.post-content h2:before {
 content:'##';
 font-size:1.563rem
}
@media only screen and (min-width:37.5rem) {
 .post-content h2 {
  font-size:2.188rem
 }
}
.post-content h3 {
 font-size:1.125rem;
 line-height:1.4;
}
@media only screen and (min-width:37.5rem) {
 .post-content h3 {
  font-size:1.563rem
 }
}
.post-content ul,
.post-content ol {
 padding-left:2.5rem
}
.post-content ul.post-list {
 padding:0;
}
@media only screen and (max-width:37.5rem) {
 .post-content ul.post-list {
  padding:0 1.25rem
 }
}
.post-content blockquote {
 *zoom:1;
 width:auto;
 max-width:45.625rem;
 float:none;
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding-left:0;
 padding-right:0;
 border-left:.313rem solid #5d4d7a;
 padding:0 1.875rem;
 margin:3.125rem auto;
}
.post-content blockquote:before,
.post-content blockquote:after {
 content:'';
 display:table
}
.post-content blockquote:after {
 clear:both
}
@media only screen and (max-width:37.5rem) {
 .post-content blockquote {
  width:70%
 }
}
.post-content blockquote p {
 color:rgba(0,0,0,0.6);
 margin:0;
}
@media only screen and (max-width:37.5rem) {
 .post-content blockquote p {
  font-size:1.125rem;
  line-height:1.5;
  padding:0
 }
}
.post-content hr {
 *zoom:1;
 width:auto;
 max-width:47.5rem;
 float:none;
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding-left:0;
 padding-right:0;
 border:1px solid #f2f2f2;
 margin:50px auto
}
.post-content hr:before,
.post-content hr:after {
 content:'';
 display:table
}
.post-content hr:after {
 clear:both
}
.post-content .about_perfil {
 width:200px
}
.share {
 *zoom:1;
 width:auto;
 max-width:800px;
 float:none;
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding-left:0;
 padding-right:0;
 text-align:center;
 border-top:1px solid #f2f2f2;
 padding-top:1.25rem;
}
.share:before,
.share:after {
 content:'';
 display:table
}
.share:after {
 clear:both
}
.share svg {
 margin:.938rem;
 width:35px;
 height:35px
}
.share a {
 text-decoration:none;
}
.share a:hover svg {
 fill:#5d4d7a
}
table {
 margin:3.125rem auto;
}
@media only screen and (max-width:37.5rem) {
 table {
  display:none
 }
}
table th,
table td {
 border:.125rem solid #ccc;
 padding:.313rem
}
.tag-title {
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 font-size:2.25rem;
 margin-top:3.75rem;
 *zoom:1;
 width:auto;
 max-width:50rem;
 float:none;
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding-left:0;
 padding-right:0;
}
.tag-title:before,
.tag-title:after {
 content:'';
 display:table
}
.tag-title:after {
 clear:both
}
@media only screen and (max-width:37.5rem) {
 .tag-title {
  font-size:1.75rem;
  margin-top:1.25rem;
  padding:0 1.25rem
 }
}
.post-list {
 list-style:none;
 margin:1.563rem auto;
}
@media only screen and (max-width:37.5rem) {
 .post-list {
  padding:0 1.25rem
 }
}
.post-list a {
 display:block;
 border-bottom:1px solid #dadada;
 padding:.625rem 0;
 text-decoration:none;
 transition:all .5s;
}
.post-list a:hover {
 color:#2e273d;
 border-bottom:1px solid #2e273d
}
.post-list .entry-date {
 float:right;
}
@media only screen and (max-width:37.5rem) {
 .post-list .entry-date {
  display:none
 }
}
pre {
 width:100%;
 padding:1.25rem 0;
 color:#fff;
 margin:1.875rem 0;
 font-size:.875rem;
}
@media only screen and (min-width:37.5rem) {
 pre {
  font-size:1rem;
  padding:1.25rem 0;
  margin:1.25rem 0
 }
}
pre code {
 *zoom:1;
 width:auto;
 max-width:50rem;
 float:none;
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding-left:0;
 padding-right:0;
 padding:0 1.25rem;
}
pre code:before,
pre code:after {
 content:'';
 display:table
}
pre code:after {
 clear:both
}
@media only screen and (max-width:37.5rem) {
 pre code {
  overflow-x:scroll
 }
}
pre span {
 line-height:1.5rem;
 font-family:'Monaco','Consolas','Menlo',monospace
}
.highlight {
 white-space:pre;
 overflow:auto;
 word-wrap:normal;
 border-radius:0;
 padding:20px;
 background-color:#2f2f33;
 color:#c1c2c3;
 margin:0;
 margin-bottom:30px
}
.highlight .hll {
 background-color:#ffc
}
.highlight .gd {
 color:#2e3436;
 background-color:#0e1416
}
.highlight .gr {
 color:#eeeeec;
 background-color:#c00
}
.highlight .gi {
 color:#babdb6;
 background-color:#1f2b2d
}
.highlight .go {
 color:#2c3032;
 background-color:#2c3032
}
.highlight .kt {
 color:#e3e7df
}
.highlight .ni {
 color:#888a85
}
.highlight .c,
.highlight .cm,
.highlight .c1,
.highlight .cs {
 color:#8d9684
}
.highlight .err,
.highlight .g,
.highlight .l,
.highlight .n,
.highlight .x,
.highlight .p,
.highlight .ge,
.highlight .gp,
.highlight .gs,
.highlight .gt,
.highlight .ld,
.highlight .s,
.highlight .nc,
.highlight .nd,
.highlight .ne,
.highlight .nl,
.highlight .nn,
.highlight .nx,
.highlight .py,
.highlight .ow,
.highlight .w,
.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .s2,
.highlight .se,
.highlight .sh,
.highlight .si,
.highlight .sx,
.highlight .sr,
.highlight .s1,
.highlight .ss,
.highlight .bp {
 color:#c1c2c3
}
.highlight .k,
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr,
.highlight .nt {
 color:#729fcf
}
.highlight .cp,
.highlight .gh,
.highlight .gu,
.highlight .na,
.highlight .nf {
 color:#e9a94b
}
.highlight .m,
.highlight .nb,
.highlight .no,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo,
.highlight .il {
 color:#8ae234
}
.highlight .o {
 color:#989daa
}
.highlight .nv,
.highlight .vc,
.highlight .vg,
.highlight .vi {
 color:#fff
}
.author {
 background:#f2f2f2;
 display:table;
 width:100%;
 padding:2.5rem 0;
 margin:2.5rem 0;
}
@media only screen and (min-width:37.5rem) {
 .author {
  padding:3.125rem 0
 }
}
.author .details {
 margin:auto;
 max-width:50rem;
 padding:0 1.25rem;
}
@media only screen and (max-width:37.5rem) {
 .author .details {
  text-align:center
 }
}
.author img {
 border-radius:50%;
 display:block;
 margin:auto;
}
@media only screen and (min-width:37.5rem) {
 .author img {
  float:left;
  margin-right:3.125rem
 }
}
.author .def {
 color:#808080;
 font-size:1.125rem;
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 margin:.625rem;
}
@media only screen and (min-width:37.5rem) {
 .author .def {
  margin:0;
  padding-top:1.563rem
 }
}
.author .name {
 margin:0;
}
.author .name a {
 font-family:'Open Sans',sans-serif;
 font-weight:800;
 font-style:normal;
 text-decoration:none;
 color:#000;
 font-size:1.875rem;
}
.author .name a:hover {
 color:#5d4d7a
}
@media only screen and (min-width:37.5rem) {
 .author .name a {
  font-size:2.813rem
 }
}
.author .desc {
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 margin:.625rem;
 font-size:1rem;
}
@media only screen and (min-width:37.5rem) {
 .author .desc {
  font-size:1.25rem
 }
}
.author .email {
 text-decoration:none;
 color:#5d4d7a
}
.comments {
 *zoom:1;
 width:auto;
 max-width:50rem;
 float:none;
 display:block;
 margin-right:auto;
 margin-left:auto;
 padding-left:0;
 padding-right:0;
 padding:0 1.25rem;
}
.comments:before,
.comments:after {
 content:'';
 display:table
}
.comments:after {
 clear:both
}
.comments h3 {
 margin:0 0 1.875rem;
 font-size:1.875rem
}
footer {
 background:#5d4d7a;
 padding:1.563rem 0;
 margin-top:100px;
 clear:both;
}
footer p {
 font-family:'Open Sans',sans-serif;
 font-weight:300;
 font-style:normal;
 color:#fff;
 text-align:center;
 margin:0
}
/* 手机横屏 */
@media only screen and (max-height:500px) {
  .header-site .recent { display: none; }
